﻿<%@ page language="java" contentType="text/html;  charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="k" uri="http://www.xiaoke.com"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>查询结果列表页</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="${ctx}/resources/jquery/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="${ctx}/resources/dataTable/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="${ctx}/resources/bootstrap/css/bootstrap.min.css" type="text/css">
<style type="text/css">
html,body{margin:0px;padding:0px;}
.table{margin:0px;}
.table th, .table td{padding:7px;white-space:nowrap;}
.pager{text-align:left;}
.pager .next a{float:none;}
.pagination{margin:4px;}
@import "${ctx}/resources/dataTable/css/datatable.css";
</style>
<script>
/**
 * 显示列表
 */
function showList(){
// 	var url = $("#queryForm").attr("action");
// 	if(url){
// 		$("#queryForm,#ifForm").toggle(false);
// 		if($("#ifList").attr("src") && $("#ifList").attr("src") != "about:blank"){
// 			$("#ifList").toggle(true);
// 		}else{
// 			$("#ifList").attr("src", url + "?" + $("#queryForm").serialize()).toggle(true);
// 		}
// 	}
// 	return false;
	$("#queryForm,#ifForm").toggle(false);
	$("#ifList").toggle(true);
}
function hideList(){
	$("#queryForm").toggle(true);
	$("#ifList").attr("src", "about:blank").toggle(false);
}
/**
 * ifList中传入动态url，显示form表单
 */
function showForm(url){
	if(url){
		$("#queryForm,#ifList").toggle(false);
		$("#ifForm").attr("src", url).toggle(true);
	}
}
$(function(){
	$("#table").dataTable({
		"bPaginate": false, //翻页功能
		"bLengthChange": false, //改变每页显示数据数量
		"bFilter": false, //过滤功能
		"bSort": true, //排序功能
		"bInfo": false,//页脚信息
		"bAutoWidth": true//自动宽度
		// "sPaginationType": "full_numbers"
	});
	$("#ifList,#ifForm").height($(window).height());
});
</script>
</head>
<body>
<form id="queryForm" target="ifList" action="${ctx}/qx/module/search" onsubmit="showList()">
	<table align="center" width="80%">
		<tr>
			<td>模块名称</td>
			<td><input type="text" id="name" name="name" /></td>
			<td>地址</td>
			<td><input type="text" id="url" name="url" /></td>
		</tr>
		<tr>
			<td>是否为根节点</td>
			<td><select id="isLeaf" name="isLeaf" ><option value="">请选择...</option><option value="1">是</option><option value="0">否</option></select></td>
			<td>是否为模块</td>
			<td><select id="isModule" name="isModule" ><option value="">请选择...</option><option value="1">是</option><option value="0">否</option></select></td>
		</tr>
		<!-- <tr>
			<td>父节点</td>
			<td><select id="isLeaf" name="" ></select></td>
			<td>是否为模块</td>
			<td><select id="isModule" name="isModule" ><option value="1">是</option><option value="0">否</option></select></td>
		</tr> -->
		<tr>
			<td align="center" colspan="4">
				<button class="btn" style="width:70px;" type="submit">查询</button>
				<button class="btn" style="width:70px;" type="reset">重置</button>
			</td>
		</tr>
	</table>
</form>
<iframe id="ifList" name="ifList" style="width:100%;border:0px;margin:0px;padding:0px;display:none;" frameborder="0" src="about:blank" ></iframe>
<iframe id="ifForm" name="ifForm" style="width:100%;border:0px;margin:0px;padding:0px;display:none;" frameborder="0" src="about:blank" ></iframe>
</body>
<html>